
<style>
    table tr th, table tr td { border:1px solid #ccc; height: 30px;line-height: 30px}
</style>

<pro-header></pro-header>

<!--引入list组件-->
<nz-card [nzBordered]="false">
    <!--  form表单搜索 -->
    
 
            <!--  form表单搜索 -->
           <form nz-form (ngSubmit)="getData('search')" [nzLayout]="'inline'">
        <div nz-row [nzGutter]="24">
            <div nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label for="name">工作项</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-input [(ngModel)]="search.itemName" name="itemName" [nzSize]="'large'" [nzPlaceHolder]="'工作项'" nzId="itemName"></nz-input>
                    </div>
                </div>
            </div>
            <div  nz-col [nzSpan]="8" class="mb-md">
                <div nz-form-item class="d-flex">
                    <div nz-form-label><label for="status">回退状态</label></div>
                    <div nz-form-control class="flex-1">
                        <nz-select [(ngModel)]="search.rollbackStatus" name="rollbackStatus" nzId="rollbackStatus" [nzPlaceHolder]="'回退状态'"  [nzSize]="'large'">
                            <nz-option *ngFor="let i of rollbackStatus; let idx = index" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
                        </nz-select>
                    </div>
                </div>
            </div>
            <div nz-col [nzSpan]="expandForm ? 24 : 8" class="mb-md" [class.text-right]="expandForm">
                <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="loading" [nzSize]="'large'">查询</button>
                <button nz-button type="reset" (click)="reset()" [nzSize]="'large'" class="mx-sm">重置</button>
            </div>
        </div>
    </form>

    <app-list #child [initDate]="data" 
                     [loading]="listloading"
                       [showAdd]="showAdd" 
                       [isPagination]="isPagination"  
                       (pageNumber)="monitorHandler($event)"
                        (buttonEvent)="buttonEvent($event)" 
                        [headerDate]="headerDate"
                        [total]="total" 
                        [pageTotal] = 'pageTotal'  
                        [pageIndex]='pageIndex'>
     </app-list>

</nz-card>
    
<nz-modal [nzVisible]="revertListModal" [nzWidth]="1300" [nzTitle]="'回退代码详情'"  [nzContent]="revertList"
            (nzOnCancel)="revertListModal=false"   [nzFooter]="ewqewq">
        <ng-template #revertList>

        <nz-card [nzBordered]="false">
        <div  nz-col [nzSpan]="24"  *ngFor="let s of checkModalData ; let l = index" >
                    <div  *ngFor="let k of s.deliveryPatchDetails" style="margin-bottom: 20px;">
                        <nz-table #nzTables   nzBordered  [nzIsPagination]="false"  [nzDataSource]="s.deliveryPatchDetails">
                            <tbody nz-tbody >
                            <tr >
                                <td class="bcolor widthTd" >工程名</td>
                                <td class="widthTdok">{{s.projectName}}</td>
                            </tr>

                            <tr >
                                <td class="bcolor widthTd" >编译为</td>
                                <td  class="widthTdok">{{k.patchType}}</td>
                            </tr>
                            <tr>
                                <td class="bcolor widthTd"  >部署到</td>
                                <td  class="widthTdok">{{k.deployWhere}}</td>
                            </tr>
                            <tr >
                              <td class="bcolor widthTd">变动类型</td>
                                <td class="bcolor widthTdok"  >代码</td>
                            </tr>
                            <tr  *ngFor="let x of k.fileList;let q = index">
                              <td class="widthTd">{{x.commitType}}</td>
                                <td class="widthTdok" title="{{x.fullPath}}">{{x.fullPath}}</td>
                                
                             
                            </tr>
                            </tbody>
                        </nz-table>
                    </div>
            </div>
     
        </nz-card>
        </ng-template>
        <ng-template #ewqewq>
                    </ng-template>
    </nz-modal>
